<template>
  <!-- 输入验证码 -->
  <view class="container">
    <u-verification-code :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange" change-text="X秒后重发"
      end-text="重新获取验证码"></u-verification-code>
    <view class="main-title">输入验证码</view>
    <view class="small-title">短信验证码已发送至{{showmobile}}</view>

    <!-- 输入验证码 -->
    <view class="enter-code">
      <u-message-input  textnumber="number" mode="bottomLine" :width="88" name="Password" v-model="Password" :maxlength="6" :breathe="true"
        :focus="true" active-color="#FBB000" inactive-color="#666" @change="changeInput"></u-message-input>
    </view>
    <view  class="send again-send" @click="tipsbtns(tips)">{{tips}}</view>
    <!-- <view v-else class="send"></view> -->
  <!--  <view class="font-26 color-666" style="padding-bottom: 30rpx" @click="tipsbtns(tips)">
      {{tips}}
    </view> -->
    <!-- 下一步 -->
    <view>
      <button v-if="btnActive && !isDisabled" class="btn-primary" @click="nextStep">下一步</button>
      <button v-else class="btn-disable">{{btnActive? "下一步" : "验证码过期或错误"}}</button>
    </view>
  </view>
</template>

<script src="./enterCode.js"></script>
<style scoped lang="scss">
  @import './enterCode.scss';
</style>
